<!--
 * @Author: 刘美红 liumeihong@llootong.com
 * @Date: 2025-04-07 09:55:59
 * @LastEditors: 刘美红 liumeihong@llootong.com
 * @LastEditTime: 2025-04-08 19:27:59
 * @FilePath: \gzt-template\src\pages\zlcj\map-component\videoplay.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="map-video-com">
    <videoRtsp
      :showToolbar="0"
      :width="205"
      :height="130"
      :vid="props.currentData.cameraIndexCode"
    >
    </videoRtsp>
  </div>
</template>

<script setup>
import VideoRtsp from '@/components/video/videoRtsp.vue';
import { ref, watch } from 'vue';
const props = defineProps({
  currentData: {
    type: Object,
    default: {},
  },
});
// 你可以在这里根据 currentData 的变化做额外的处理
watch(
  () => props.currentData,
  (newVal) => {
    console.log('currentData 变化', newVal);
    // currentData = newVal;
  },
  { deep: true }
);
</script>

<style lang="scss" scoped>
.map-video-com {
  width: 100%;
  height: 100%;
  padding: 5px;
}
</style>
